<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <!--Extjs version 6.2.0 -->
    <link href="css/theme-neptune-all.css" rel="stylesheet" />
    <script type="text/javascript" src="locale/locale-zh_CN.js"></script>
    <script type="text/javascript" src="js/ext-all.js"></script>
    <script type="text/javascript">
        Ext.application({
            name: "HelloExt",
            launch: function() {
                Ext.create('Ext.panel.Panel', {
                    title: 'Column Layout - 按比例',
                    width: 350,
                    height: 250,
                    x: 20,
                    y: 100,
                    layout: 'column',
                    items: [{
                        title: 'Column 1',
                        columnWidth: .25
                    }, {
                        title: 'Column 2',
                        columnWidth: .55
                    }, {
                        title: 'Column 3',
                        columnWidth: .20
                    }],
                    renderTo: Ext.getBody()
                });
            }
        });
    </script>
</head>

<body>

</body>

</html>